<template>
<div style="display: flex;flex-direction: row;flex-wrap: wrap; width:280px;height:200px;background-color: #295f75;">
  <div style="margin-top:15px;margin-left:15px;display: flex;flex-direction: column;align-items: center">
    <div style="border-radius: 50%;width: 50px;height: 50px;background-color: greenyellow"></div>
    <span style="color: white">报寝</span>
  </div>
  <div style="margin-top:15px;margin-left:15px;display: flex;flex-direction: column;align-items: center">
    <div style="border-radius: 50%;width: 50px;height: 50px;background-color: #5b62e5"></div>
    <span style="color: white">请假</span>
  </div>
  <div style="margin-top:15px;margin-left:15px;display: flex;flex-direction: column;align-items: center">
    <div style="border-radius: 50%;width: 50px;height: 50px;background-color: #eee92e"></div>
    <span style="color: white">门禁</span>
  </div>
  <div style="margin-top:15px;margin-left:15px;display: flex;flex-direction: column;align-items: center">
    <div style="border-radius: 50%;width: 50px;height: 50px;background-color: #e89809"></div>
    <span style="color: white">电源</span>
  </div>
  <div style="margin-left:15px;display: flex;flex-direction: column;align-items: center">
    <div style="border-radius: 50%;width: 50px;height: 50px;background-color: #09e8ad"></div>
    <span style="color: white">缴费</span>
  </div>
  <div style="margin-left:15px;display: flex;flex-direction: column;align-items: center">
    <div style="border-radius: 50%;width: 50px;height: 50px;background-color: #e5d0a1"></div>
    <span style="color: white">温湿度</span>
  </div>
  <div style="margin-left:15px;display: flex;flex-direction: column;align-items: center">
    <div style="border-radius: 50%;width: 50px;height: 50px;background-color: #02f86d"></div>
    <span style="color: white">消息</span>
  </div>
  <div style="margin-left:15px;display: flex;flex-direction: column;align-items: center">
    <div style="border-radius: 50%;width: 50px;height: 50px;background-color: #921cd0"></div>
    <span style="color: white">账号</span>
  </div>
</div>
</template>

<script>
export default {
  name: "options"
}
</script>

<style scoped>

</style>
